<div class="input_block" *ngIf="cohereMode"><input type="text" [ngClass]="{'ng-invalid':(!validString)}"  [(ngModel)]="model" placeholder="{{placeholder}}" (ngModelChange)="change($event)"/><span (click)="toggle()" class="glyphicon glyphicon-time"></span></div>
<div class="timepicker" [ngClass]="{'cohere':cohereMode}" *ngIf="timepickerOpen">
    <div class="close" (click)="close()"><span class="glyphicon glyphicon-remove"></span></div>
    <h6 i18n="@@time-picker.title">Select time (hh:mm:ss)</h6>
    <div class="timers_block">
        <select [(ngModel)]="hh">
            <option value="{{h}}" *ngFor="let h of hhArray">{{h}}</option>
        </select>
        <span>:</span>
        <select [(ngModel)]="mm">
            <option value="{{m}}" *ngFor="let m of mmArray">{{m}}</option>
        </select>
        <span>:</span>
        <select [(ngModel)]="ss">
            <option value="{{s}}" *ngFor="let s of ssArray">{{s}}</option>
        </select>
    </div>
    <div class="btn_content">
        <button class="btn set_time" (click)="addTime()" i18n="@@set_time">Set time</button>
        <button class="btn" (click)="setTo00()">00:00</button>
        <button class="btn" (click)="setToNow()" i18n="@@time-picker.now">Now</button>
    </div>
</div>
